<!--
 * @Author: 亚亚
-->
<!--
 * @Author: 亚亚
-->
<script setup lang="ts">
import WelcomeItem from './WelcomeItem.vue'
import DocumentationIcon from './icons/IconDocumentation.vue'

let tranFlag: Ref<boolean> = ref(true)
</script>

<template>
  <el-button @click="tranFlag = !tranFlag">toggle</el-button>
  <Transition>
    <div v-show="tranFlag">
      <WelcomeItem>
        <template #icon>
          <DocumentationIcon />
        </template>
        <template #heading>Documentation</template>
      </WelcomeItem>
      123123123
    </div>
  </Transition>

</template>
<style>
  /* .v-enter-active,
  .v-leave-active {
    transition: opacity 0.5s ease;
  }

  .v-enter-from,
  .v-leave-to {
    opacity: 0;
  } */
</style>